<template>
  <div id="index">
    <el-card class="box-card">
      <!--      <el-row>-->
      <!--        <el-col :span="2">{{ data.checkedAddress.name }}</el-col>-->
      <!--        <el-col :span="2">{{ data.checkedAddress.tel }}</el-col>-->
      <!--        <el-col :span="20">{{ data.checkedAddress.province + data.checkedAddress.city + data.checkedAddress.county + data.checkedAddress.addressDetail }}</el-col>-->
      <!--      </el-row>-->
      <!--      <el-divider />-->
      <!--      <el-row>-->
      <!--        <el-col :span="24">下单时间<span style="display: inline-block; float: right;">￥{{ data.goodsTotalPrice }}元</span></el-col>-->
      <!--      </el-row>-->
      <!--      <el-row>-->
      <!--        <el-col :span="24">订单编号<span style="display: inline-block; float: right;">￥{{ data.goodsTotalPrice }}元</span></el-col>-->
      <!--      </el-row>-->
      <!--      <el-row>-->
      <!--        <el-col :span="24">订单留言<span style="display: inline-block; float: right;">￥{{ data.goodsTotalPrice }}元</span></el-col>-->
      <!--      </el-row>-->
    </el-card>
  </div>
</template>

<script>
import { detail } from '@/api/webSite/ApiOrder'
export default {
  name: 'Index',
  mounted() {
    detail({ orderId: this.$route.query.id }).then(res => {
      console.log(res)
    })
  }
}
</script>

<style scoped>
#index {
  width: 100%;
}
</style>
